<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <script>
        // 在功能块封装JavaScript源文件的全部内容的重要性和原因是什么


        // 这是 -种日益普遍的做法， 被许多流行的JavaScript库(jQuery,
        //     Node.js等) 所采用。 这种技术在文件的全部内容周围创建一个闭
        // 包， 这可能最重要的是创建一个私有名称空间， 从而有助于避免不同
        // JavaScript模块和库之间的潜在名称冲突。
        // 这种技术的另一一个特点是为全局变量提供一个容易引用(可能更短)
        // 的别名。 例如， 这通常用于jQuery插件。
        // jQuery允许您使用jQuery.noConflict() 来禁用对jQuery名称空间的$
        // 引用。 如果这样做了， 你的代码仍然可以使用$使用闭包技术， 如下
        // 所示:
        //     (function ($) {
        //         /* jQuery plugin code referencing $ */ })(iQuery);
    </script>
</body>

</html>